base-100
#F9F9F9
lch(98 0 153.81)
Colour Tokens
| base | base-150 #E8E8E8 lch(92 0 153.81) | base-200 #D7D7D7 lch(86 0 153.81) | base-300 #B6B6B6 lch(74 0 153.81) | base-400 #969696 lch(62 0 153.81) | base-500 #777777 lch(50 0 153.81) | base-600 #595959 lch(38 0 153.81) | base-700 #3E3E3E lch(26 0 153.81) | base-800 #242424 lch(14 0 153.81) | base-850 #181818 lch(8 0 153.81) | base-900 #070707 lch(2 0 153.81) | |
|---|---|---|---|---|---|---|---|---|---|---|---|
| red | red-100 #FFD6D3 lch(88.92 15.485 26.89) | red-150 #FFC2BC lch(83.58 24.1 28.49) | red-200 #FFADA5 lch(78.405 33.395 29.935) | red-300 #FF8375 lch(68.67 54.18 32.56) | red-400 #ED6250 lch(59.335 64.59 35.28) | red-500 #D93E2B lch(50 75 38) | red-600 #AB2623 lch(38.035 63.625 34.215) | red-700 #7D0E18 lch(26.065 52.245 30.43) | red-800 #480F12 lch(14.1 30.42 26.65) | red-850 #2F0C0B lch(8.115 19.51 24.76) | red-900 #190100 lch(2.13 8.595 22.865) |
| orange | orange-100 #FFE5CF lch(92.535 15.035 68.99) | orange-150 #FBD3B2 lch(87.22 23.785 67.24) | orange-200 #F7C195 lch(81.905 32.53 65.49) | orange-300 #EC9D5E lch(71.27 50.02 61.995) | orange-400 #D67B3B lch(60.635 57.51 58.5) | orange-500 #BF5A17 lch(50 65 55) | orange-600 #954012 lch(38.005 54.26 51.67) | orange-700 #6C280B lch(26.01 43.52 48.34) | orange-800 #3E190A lch(14.015 24.08 45.01) | orange-850 #281206 lch(8.015 14.355 43.345) | orange-900 #120400 lch(2.015 4.635 41.675) |
| yellow | yellow-100 #FDF8ED lch(97.685 5.87 91.97) | yellow-150 #F9EBCD lch(93.535 16.285 90.485) | yellow-200 #F5DFAE lch(89.385 26.705 88.995) | yellow-300 #EBC570 lch(81.085 47.54 86.02) | yellow-400 #DCAB43 lch(72.785 58.865 83.045) | yellow-500 #CC9200 lch(64.48 70.19 80.07) | yellow-600 #9E6901 lch(48.705 57.515 75.905) | yellow-700 #6F4400 lch(32.93 44.84 71.74) | yellow-800 #3E2508 lch(17.15 23.57 67.815) | yellow-850 #261705 lch(9.255 12.935 65.85) | yellow-900 #0A0400 lch(1.365 2.3 63.89) |
| green | green-100 #CEF6D2 lch(93.315 23.535 146.21) | green-150 #B6EABA lch(88.08 31.26 145.42) | green-200 #9EDEA3 lch(82.845 38.985 144.625) | green-300 #6CC573 lch(72.37 54.44 143.04) | green-400 #4BA951 lch(61.9 59.005 141.455) | green-500 #258D2E lch(51.425 63.57 139.87) | green-600 #126E21 lch(40.15 54.475 140.68) | green-700 #005014 lch(28.87 45.38 141.485) | green-800 #063211 lch(17.31 28.66 144.6) | green-850 #08240D lch(11.53 20.3 146.16) | green-900 #021705 lch(5.75 11.935 147.715) |
| turquoise | turquoise-100 #C8F4DE lch(92.685 19.275 162.065) | turquoise-150 #B1E8CE lch(87.57 23.715 163.02) | turquoise-200 #99DBBE lch(82.45 28.155 163.975) | turquoise-300 #65C29F lch(72.215 37.03 165.885) | turquoise-400 #40A786 lch(61.98 38.505 167.795) | turquoise-500 #068C6E lch(51.745 39.975 169.705) | turquoise-600 #026D55 lch(40.535 33.365 170.095) | turquoise-700 #004F3E lch(29.32 26.755 170.48) | turquoise-800 #053228 lch(17.625 17.655 173.43) | turquoise-850 #06241D lch(11.78 13.105 174.905) | turquoise-900 #001712 lch(5.93 8.555 176.38) |
| blue | blue-100 #D5E7F7 lch(90.785 10.17 253.99) | blue-150 #C1D9EF lch(85.68 13.81 255.135) | blue-200 #ADCCE7 lch(80.575 17.45 256.28) | blue-300 #85B1D8 lch(70.365 24.73 258.57) | blue-400 #6795C0 lch(60.155 27.065 260.855) | blue-500 #487BA8 lch(49.94 29.395 263.145) | blue-600 #305F88 lch(38.84 27.59 264.91) | blue-700 #174469 lch(27.74 25.78 266.675) | blue-800 #0F2B44 lch(16.64 18.82 268.44) | blue-850 #0B1F32 lch(11.09 15.34 269.325) | blue-900 #051322 lch(5.54 11.855 270.205) |
| purple | purple-100 #EEDAF9 lch(89.47 17.645 314.495) | purple-150 #E4C9F3 lch(84.44 24.08 314.84) | purple-200 #DBB9ED lch(79.405 30.515 315.19) | purple-300 #C897E0 lch(69.34 43.38 315.885) | purple-400 #AF7AC9 lch(59.275 47.57 316.58) | purple-500 #975EB1 lch(49.205 51.76 317.27) | purple-600 #774590 lch(38.11 48.39 316.69) | purple-700 #582D70 lch(27.015 45.015 316.105) | purple-800 #371B48 lch(15.92 32.64 315.525) | purple-850 #281336 lch(10.375 26.455 315.235) | purple-900 #1B0824 lch(4.825 20.265 314.945) |
| pink | pink-100 #FBDBEF lch(90.51 15.44 338.445) | pink-150 #F4C9E4 lch(85.34 21.23 338.59) | pink-200 #EEB7DA lch(80.165 27.015 338.735) | pink-300 #DF93C4 lch(69.82 38.59 339.025) | pink-400 #C674AA lch(59.475 42.45 339.315) | pink-500 #AE5691 lch(49.13 46.305 339.6) | pink-600 #8D3D73 lch(38.26 43.435 340.03) | pink-700 #6D2456 lch(27.385 40.56 340.455) | pink-800 #471637 lch(16.515 29.575 340.88) | pink-850 #360F29 lch(11.08 24.085 341.095) | pink-900 #25071B lch(5.64 18.59 341.305) |
Base
base-100
#F9F9F9
hsl(339.45, 0%, 97.73%)
rgb(249.215, 249.215, 249.215)
lch(98 0 153.81)
Accessible Contrast
AA
Minimums
Base
500
600
Red
400
600
Orange
500
600
Yellow
600
700
Green
500
600
Turquoise
500
600
Blue
400
600
Purple
400
600
Pink
400
600
AAA
Minimums
Base
600
700
Red
600
700
Orange
600
700
Yellow
700
700
Green
600
700
Turquoise
600
700
Blue
600
700
Purple
600
700
Pink
600
700
base-150
#E8E8E8
hsl(339.45, 0%, 90.985%)
rgb(232.01, 232.01, 232.01)
lch(92 0 153.81)
Accessible Contrast
AA
Minimums
Base
500
600
Red
500
600
Orange
500
600
Yellow
600
700
Green
500
600
Turquoise
500
600
Blue
500
600
Purple
500
600
Pink
500
600
AAA
Minimums
Base
600
700
Red
600
700
Orange
600
700
Yellow
700
800
Green
600
700
Turquoise
600
700
Blue
600
700
Purple
600
700
Pink
600
700
base-200
#D7D7D7
hsl(339.45, 0%, 84.33%)
rgb(215.045, 215.045, 215.045)
lch(86 0 153.81)
Accessible Contrast
AA
Minimums
Base
500
600
Red
500
600
Orange
500
600
Yellow
600
700
Green
600
700
Turquoise
600
700
Blue
500
600
Purple
500
600
Pink
500
600
AAA
Minimums
Base
600
700
Red
600
700
Orange
600
700
Yellow
700
800
Green
700
800
Turquoise
700
800
Blue
600
700
Purple
600
700
Pink
600
700
base-300
#B6B6B6
hsl(339.45, 0%, 71.32%)
rgb(181.87, 181.87, 181.87)
lch(74 0 153.81)
Accessible Contrast
AA
Minimums
Base
600
700
Red
600
700
Orange
600
700
Yellow
700
800
Green
600
700
Turquoise
600
700
Blue
600
700
Purple
600
700
Pink
600
700
AAA
Minimums
Base
700
800
Red
700
800
Orange
700
800
Yellow
800
800
Green
700
800
Turquoise
700
850
Blue
700
800
Purple
700
800
Pink
700
800
base-400
#969696
hsl(339.45, 0%, 58.74%)
rgb(149.785, 149.785, 149.785)
lch(62 0 153.81)
Accessible Contrast
AA
Minimums
Base
700
800
Red
700
800
Orange
700
800
Yellow
800
800
Green
700
800
Turquoise
700
800
Blue
700
800
Purple
700
800
Pink
700
800
AAA
Minimums
Base
800
Red
800
Orange
800
Yellow
800
Green
800
Turquoise
800
Blue
800
Purple
800
Pink
800
base-500
#777777
hsl(339.45, 0%, 46.635%)
rgb(118.915, 118.915, 118.915)
lch(50 0 153.81)
Accessible Contrast
AA
Minimums
Base
200
Red
100
Orange
150
Yellow
800
900
Green
800
Turquoise
800
Blue
150
Purple
800
Pink
150
AAA
Minimums
Yellow
900
base-600
#595959
hsl(339.45, 0%, 35.065%)
rgb(89.42, 89.42, 89.42)
lch(38 0 153.81)
Accessible Contrast
AA
Minimums
Base
300
200
Red
200
150
Orange
300
150
Yellow
400
200
Green
300
150
Turquoise
300
150
Blue
300
150
Purple
200
150
Pink
300
150
AAA
Minimums
Base
200
Red
150
Orange
150
Yellow
200
Green
150
Turquoise
150
Blue
150
Purple
150
Pink
150
base-700
#3E3E3E
hsl(339.45, 0%, 24.13%)
rgb(61.535, 61.535, 61.535)
lch(26 0 153.81)
Accessible Contrast
AA
Minimums
Base
400
300
Red
400
300
Orange
400
300
Yellow
500
400
Green
400
300
Turquoise
400
300
Blue
400
300
Purple
400
300
Pink
400
300
AAA
Minimums
Base
300
200
Red
300
150
Orange
300
150
Yellow
400
200
Green
300
150
Turquoise
300
150
Blue
300
150
Purple
300
150
Pink
300
150
base-800
#242424
hsl(339.45, 0%, 13.955%)
rgb(35.59, 35.59, 35.59)
lch(14 0 153.81)
Accessible Contrast
AA
Minimums
Base
500
400
Red
500
400
Orange
500
400
Yellow
600
500
Green
500
400
Turquoise
500
400
Blue
500
400
Purple
500
400
Pink
500
400
AAA
Minimums
Base
400
300
Red
400
200
Orange
400
300
Yellow
500
400
Green
400
300
Turquoise
400
300
Blue
400
200
Purple
400
200
Pink
400
200
base-850
#181818
hsl(339.45, 0%, 9.22%)
rgb(23.515, 23.515, 23.515)
lch(8 0 153.81)
Accessible Contrast
AA
Minimums
Base
500
400
Red
500
400
Orange
500
400
Yellow
600
500
Green
500
400
Turquoise
500
400
Blue
500
400
Purple
500
400
Pink
500
400
AAA
Minimums
Base
400
300
Red
400
300
Orange
400
300
Yellow
500
400
Green
400
300
Turquoise
400
300
Blue
400
300
Purple
400
300
Pink
400
300
base-900
#070707
hsl(339.45, 0%, 2.86%)
rgb(7.295, 7.295, 7.295)
lch(2 0 153.81)
Accessible Contrast
AA
Minimums
Base
500
400
Red
500
400
Orange
500
400
Yellow
600
500
Green
600
500
Turquoise
600
500
Blue
500
400
Purple
500
400
Pink
500
400
AAA
Minimums
Base
400
300
Red
400
300
Orange
400
300
Yellow
500
500
Green
500
300
Turquoise
500
300
Blue
400
300
Purple
400
300
Pink
400
300
Red
red-100
#FFD6D3
hsl(4.5, 100%, 91.29%)
rgb(255, 213.915, 210.58)
lch(88.92 15.485 26.89)
Accessible Contrast
AA
Minimums
Base
500
600
Red
500
600
Orange
500
600
Yellow
600
700
Green
500
600
Turquoise
500
600
Blue
500
600
Purple
500
600
Pink
500
600
AAA
Minimums
Base
600
700
Red
600
700
Orange
600
700
Yellow
700
800
Green
600
700
Turquoise
600
700
Blue
600
700
Purple
600
700
Pink
600
700
red-150
#FFC2BC
hsl(5.205, 100%, 86.805%)
rgb(255, 193.54, 187.7)
lch(83.58 24.1 28.49)
Accessible Contrast
AA
Minimums
Base
600
600
Red
600
600
Orange
600
600
Yellow
600
700
Green
600
700
Turquoise
600
700
Blue
600
700
Purple
600
600
Pink
500
700
AAA
Minimums
Base
600
700
Red
600
800
Orange
600
700
Yellow
700
800
Green
700
800
Turquoise
700
800
Blue
700
800
Purple
600
800
Pink
700
800
red-200
#FFADA5
hsl(5.715, 100%, 82.255%)
rgb(255, 173.13, 164.51)
lch(78.405 33.395 29.935)
Accessible Contrast
AA
Minimums
Base
600
700
Red
600
700
Orange
600
700
Yellow
700
700
Green
600
700
Turquoise
600
700
Blue
600
700
Purple
600
700
Pink
600
700
AAA
Minimums
Base
700
800
Red
700
800
Orange
700
800
Yellow
700
800
Green
700
800
Turquoise
700
800
Blue
700
800
Purple
700
800
Pink
700
800
red-300
#FF8375
hsl(6.06, 100%, 73.03%)
rgb(255, 131.35, 117.455)
lch(68.67 54.18 32.56)
Accessible Contrast
AA
Minimums
Base
700
700
Red
700
800
Orange
700
700
Yellow
700
800
Green
700
800
Turquoise
700
800
Blue
700
800
Purple
700
800
Pink
700
800
AAA
Minimums
Base
700
850
Red
800
850
Orange
700
850
Yellow
800
850
Green
800
900
Turquoise
800
900
Blue
800
900
Purple
800
850
Pink
800
900
red-400
#ED6250
hsl(6.71, 81.68%, 62.315%)
rgb(237.395, 97.965, 80.405)
lch(59.335 64.59 35.28)
Accessible Contrast
AA
Minimums
Base
100
800
Red
700
800
Orange
700
800
Yellow
100
850
Green
700
850
Turquoise
800
850
Blue
700
850
Purple
700
800
Pink
700
850
AAA
Minimums
Base
800
Red
800
Orange
800
Yellow
850
Green
850
Turquoise
850
Blue
850
Purple
800
Pink
850
red-500
#D93E2B
hsl(6.615, 69.745%, 51%)
rgb(217.195, 62.12, 42.915)
lch(50 75 38)
Accessible Contrast
AA
Minimums
Base
200
Red
100
Orange
150
Yellow
800
900
Green
800
Turquoise
800
Blue
150
Purple
800
Pink
150
AAA
Minimums
Yellow
900
red-600
#AB2623
hsl(1.41, 66.34%, 40.23%)
rgb(170.64, 37.725, 34.525)
lch(38.035 63.625 34.215)
Accessible Contrast
AA
Minimums
Base
300
200
Red
200
150
Orange
300
150
Yellow
400
200
Green
300
150
Turquoise
300
150
Blue
300
150
Purple
200
150
Pink
300
150
AAA
Minimums
Base
200
Red
150
Orange
150
Yellow
200
Green
150
Turquoise
150
Blue
150
Purple
150
Pink
150
red-700
#7D0E18
hsl(354.68, 79.425%, 27.37%)
rgb(125.22, 14.36, 24.19)
lch(26.065 52.245 30.43)
Accessible Contrast
AA
Minimums
Base
400
300
Red
400
200
Orange
400
300
Yellow
500
400
Green
400
300
Turquoise
400
300
Blue
400
300
Purple
400
300
Pink
400
300
AAA
Minimums
Base
300
200
Red
200
100
Orange
300
150
Yellow
400
200
Green
300
150
Turquoise
300
150
Blue
300
150
Purple
300
150
Pink
300
150
red-800
#480F12
hsl(356.615, 66.335%, 16.955%)
rgb(71.915, 14.555, 17.79)
lch(14.1 30.42 26.65)
Accessible Contrast
AA
Minimums
Base
500
400
Red
500
400
Orange
500
400
Yellow
600
500
Green
500
400
Turquoise
500
400
Blue
500
400
Purple
500
400
Pink
500
400
AAA
Minimums
Base
400
300
Red
400
200
Orange
400
300
Yellow
500
400
Green
400
300
Turquoise
400
300
Blue
400
200
Purple
400
200
Pink
400
200
red-850
#2F0C0B
hsl(2.61, 63.155%, 11.32%)
rgb(47.095, 12.225, 10.635)
lch(8.115 19.51 24.76)
Accessible Contrast
AA
Minimums
Base
500
400
Red
500
400
Orange
500
400
Yellow
600
500
Green
500
400
Turquoise
500
400
Blue
500
400
Purple
500
400
Pink
500
400
AAA
Minimums
Base
400
300
Red
400
300
Orange
400
300
Yellow
500
400
Green
400
300
Turquoise
400
300
Blue
400
300
Purple
400
300
Pink
400
300
red-900
#190100
hsl(3.07, 100%, 4.925%)
rgb(25.11, 1.285, 0)
lch(2.13 8.595 22.865)
Accessible Contrast
AA
Minimums
Base
500
400
Red
500
400
Orange
500
400
Yellow
600
500
Green
600
500
Turquoise
600
500
Blue
500
400
Purple
500
400
Pink
500
400
AAA
Minimums
Base
400
300
Red
400
300
Orange
400
300
Yellow
500
500
Green
500
300
Turquoise
500
300
Blue
400
300
Purple
400
300
Pink
400
300
Orange
orange-100
#FFE5CF
hsl(27.73, 100%, 90.59%)
rgb(255, 229.185, 207)
lch(92.535 15.035 68.99)
Accessible Contrast
AA
Minimums
Base
500
600
Red
500
600
Orange
500
600
Yellow
600
700
Green
500
600
Turquoise
500
600
Blue
500
600
Purple
500
600
Pink
500
600
AAA
Minimums
Base
600
700
Red
600
700
Orange
600
700
Yellow
700
800
Green
600
700
Turquoise
600
700
Blue
600
700
Purple
600
700
Pink
600
700
orange-150
#FBD3B2
hsl(27.45, 90.72%, 84.065%)
rgb(251.23, 211.235, 177.51)
lch(87.22 23.785 67.24)
Accessible Contrast
AA
Minimums
Base
500
600
Red
500
600
Orange
500
600
Yellow
600
700
Green
500
600
Turquoise
500
600
Blue
500
600
Purple
500
600
Pink
500
600
AAA
Minimums
Base
600
700
Red
600
700
Orange
600
700
Yellow
700
800
Green
600
800
Turquoise
600
800
Blue
600
700
Purple
600
700
Pink
600
700
orange-200
#F7C195
hsl(27.13, 85.56%, 77.59%)
rgb(246.75, 193.185, 148.97)
lch(81.905 32.53 65.49)
Accessible Contrast
AA
Minimums
Base
600
700
Red
600
700
Orange
600
700
Yellow
700
700
Green
600
700
Turquoise
600
700
Blue
600
700
Purple
600
700
Pink
600
700
AAA
Minimums
Base
700
800
Red
700
800
Orange
700
800
Yellow
700
800
Green
700
800
Turquoise
700
800
Blue
700
800
Purple
700
800
Pink
700
800
orange-300
#EC9D5E
hsl(26.39, 78.59%, 64.74%)
rgb(235.745, 156.58, 94.42)
lch(71.27 50.02 61.995)
Accessible Contrast
AA
Minimums
Base
600
700
Red
600
700
Orange
600
700
Yellow
700
800
Green
700
800
Turquoise
700
800
Blue
600
700
Purple
600
700
Pink
600
700
AAA
Minimums
Base
700
800
Red
700
800
Orange
700
800
Yellow
800
850
Green
800
850
Turquoise
800
850
Blue
700
850
Purple
700
850
Pink
700
850
orange-400
#D67B3B
hsl(24.97, 65.28%, 53.46%)
rgb(213.795, 123.34, 58.855)
lch(60.635 57.51 58.5)
Accessible Contrast
AA
Minimums
Base
700
800
Red
700
800
Orange
700
800
Yellow
800
800
Green
700
800
Turquoise
700
800
Blue
700
800
Purple
700
800
Pink
700
800
AAA
Minimums
Base
800
Red
800
Orange
800
Yellow
800
Green
800
Turquoise
800
Blue
800
Purple
800
Pink
800
orange-500
#BF5A17
hsl(23.785, 78.7%, 41.975%)
rgb(191.27, 89.585, 22.8)
lch(50 65 55)
Accessible Contrast
AA
Minimums
Base
200
Red
100
Orange
150
Yellow
800
900
Green
800
Turquoise
800
Blue
150
Purple
800
Pink
150
AAA
Minimums
Yellow
900
orange-600
#954012
hsl(20.865, 78.61%, 32.795%)
rgb(149.36, 63.605, 17.89)
lch(38.005 54.26 51.67)
Accessible Contrast
AA
Minimums
Base
300
200
Red
200
150
Orange
300
150
Yellow
400
200
Green
300
150
Turquoise
300
150
Blue
300
150
Purple
200
150
Pink
300
150
AAA
Minimums
Base
200
Red
150
Orange
150
Yellow
200
Green
150
Turquoise
150
Blue
150
Purple
150
Pink
150
orange-700
#6C280B
hsl(17.88, 81.585%, 23.395%)
rgb(108.315, 39.985, 10.985)
lch(26.01 43.52 48.34)
Accessible Contrast
AA
Minimums
Base
400
300
Red
400
300
Orange
400
300
Yellow
500
400
Green
400
300
Turquoise
400
300
Blue
400
300
Purple
400
300
Pink
400
300
AAA
Minimums
Base
300
200
Red
300
150
Orange
300
150
Yellow
400
200
Green
300
150
Turquoise
300
150
Blue
300
150
Purple
300
150
Pink
300
150
orange-800
#3E190A
hsl(16.95, 71.99%, 14.14%)
rgb(62.015, 24.765, 10.1)
lch(14.015 24.08 45.01)
Accessible Contrast
AA
Minimums
Base
500
400
Red
500
400
Orange
500
400
Yellow
600
500
Green
500
400
Turquoise
500
400
Blue
500
400
Purple
500
400
Pink
500
400
AAA
Minimums
Base
400
300
Red
400
200
Orange
400
300
Yellow
500
400
Green
400
300
Turquoise
400
300
Blue
400
200
Purple
400
200
Pink
400
200
orange-850
#281206
hsl(20.56, 74.97%, 9.015%)
rgb(40.23, 17.57, 5.755)
lch(8.015 14.355 43.345)
Accessible Contrast
AA
Minimums
Base
500
400
Red
500
400
Orange
500
400
Yellow
600
500
Green
500
400
Turquoise
500
400
Blue
500
400
Purple
500
400
Pink
500
400
AAA
Minimums
Base
400
300
Red
400
300
Orange
400
300
Yellow
500
400
Green
400
300
Turquoise
400
300
Blue
400
300
Purple
400
300
Pink
400
300
orange-900
#120400
hsl(14.53, 100%, 3.525%)
rgb(17.985, 4.355, 0)
lch(2.015 4.635 41.675)
Accessible Contrast
AA
Minimums
Base
500
400
Red
500
400
Orange
500
400
Yellow
600
500
Green
600
500
Turquoise
600
500
Blue
500
400
Purple
500
400
Pink
500
400
AAA
Minimums
Base
400
300
Red
400
300
Orange
400
300
Yellow
500
500
Green
500
300
Turquoise
500
300
Blue
400
300
Purple
400
300
Pink
400
300
Yellow
yellow-100
#FDF8ED
hsl(41.25, 80%, 96.08%)
rgb(253, 248, 237)
lch(97.685 5.87 91.97)
Accessible Contrast
AA
Minimums
Base
500
600
Red
400
600
Orange
500
600
Yellow
600
700
Green
500
600
Turquoise
500
600
Blue
500
600
Purple
400
600
Pink
400
600
AAA
Minimums
Base
600
700
Red
600
700
Orange
600
700
Yellow
700
700
Green
600
700
Turquoise
600
700
Blue
600
700
Purple
600
700
Pink
600
700
yellow-150
#F9EBCD
hsl(41.205, 78.73%, 89.085%)
rgb(249.08, 235.355, 205.255)
lch(93.535 16.285 90.485)
Accessible Contrast
AA
Minimums
Base
500
600
Red
500
600
Orange
500
600
Yellow
600
700
Green
500
600
Turquoise
500
600
Blue
500
600
Purple
500
600
Pink
500
600
AAA
Minimums
Base
600
700
Red
600
700
Orange
600
700
Yellow
700
700
Green
600
700
Turquoise
600
700
Blue
600
700
Purple
600
700
Pink
600
700
yellow-200
#F5DFAE
hsl(41.21, 77.645%, 82.09%)
rgb(244.79, 222.585, 173.875)
lch(89.385 26.705 88.995)
Accessible Contrast
AA
Minimums
Base
500
600
Red
500
600
Orange
500
600
Yellow
600
700
Green
500
600
Turquoise
500
600
Blue
500
600
Purple
500
600
Pink
500
600
AAA
Minimums
Base
600
700
Red
600
700
Orange
600
700
Yellow
700
800
Green
600
700
Turquoise
600
700
Blue
600
700
Purple
600
700
Pink
600
700
yellow-300
#EBC570
hsl(41.42, 75.48%, 67.935%)
rgb(234.95, 196.725, 111.52)
lch(81.085 47.54 86.02)
Accessible Contrast
AA
Minimums
Base
600
700
Red
600
700
Orange
600
700
Yellow
700
700
Green
600
700
Turquoise
600
700
Blue
600
700
Purple
600
700
Pink
600
700
AAA
Minimums
Base
700
800
Red
700
800
Orange
700
800
Yellow
700
800
Green
700
800
Turquoise
700
800
Blue
700
800
Purple
700
800
Pink
700
800
yellow-400
#DCAB43
hsl(41.09, 68.365%, 56.135%)
rgb(219.61, 171.405, 66.665)
lch(72.785 58.865 83.045)
Accessible Contrast
AA
Minimums
Base
600
700
Red
600
700
Orange
600
700
Yellow
700
800
Green
600
700
Turquoise
600
700
Blue
600
700
Purple
600
700
Pink
600
700
AAA
Minimums
Base
700
800
Red
700
800
Orange
700
800
Yellow
800
850
Green
700
850
Turquoise
700
850
Blue
700
850
Purple
700
800
Pink
700
850
yellow-500
#CC9200
hsl(42.94, 100%, 40%)
rgb(204, 146, 0)
lch(64.48 70.19 80.07)
Accessible Contrast
AA
Minimums
Base
700
800
Red
700
800
Orange
700
800
Yellow
700
800
Green
700
800
Turquoise
700
800
Blue
700
800
Purple
700
800
Pink
700
800
AAA
Minimums
Base
800
900
Red
800
900
Orange
800
900
Yellow
800
900
Green
800
Turquoise
800
Blue
800
Purple
800
Pink
800
yellow-600
#9E6901
hsl(39.875, 99.205%, 31.05%)
rgb(157.73, 105.035, 0.63)
lch(48.705 57.515 75.905)
Accessible Contrast
AA
Minimums
Base
200
Red
150
Orange
800
Yellow
800
Green
800
Turquoise
800
Blue
800
Purple
150
Pink
800
AAA
Minimums
yellow-700
#6F4400
hsl(36.465, 100%, 21.845%)
rgb(111.4, 67.71, 0)
lch(32.93 44.84 71.74)
Accessible Contrast
AA
Minimums
Base
300
200
Red
300
200
Orange
300
200
Yellow
500
300
Green
300
200
Turquoise
300
200
Blue
300
200
Purple
300
200
Pink
300
200
AAA
Minimums
Base
200
100
Red
200
Orange
200
Yellow
300
150
Green
200
100
Turquoise
200
Blue
200
Purple
200
Pink
200
yellow-800
#3E2508
hsl(32.085, 76.905%, 13.66%)
rgb(61.62, 36.695, 8.045)
lch(17.15 23.57 67.815)
Accessible Contrast
AA
Minimums
Base
500
400
Red
500
300
Orange
500
400
Yellow
600
500
Green
500
400
Turquoise
500
400
Blue
500
400
Purple
500
300
Pink
500
300
AAA
Minimums
Base
400
300
Red
300
200
Orange
400
200
Yellow
500
300
Green
400
200
Turquoise
400
200
Blue
400
200
Purple
300
200
Pink
300
200
yellow-850
#261705
hsl(32.4, 75.685%, 8.47%)
rgb(37.95, 22.91, 5.25)
lch(9.255 12.935 65.85)
Accessible Contrast
AA
Minimums
Base
500
400
Red
500
400
Orange
500
400
Yellow
600
500
Green
500
400
Turquoise
500
400
Blue
500
400
Purple
500
400
Pink
500
400
AAA
Minimums
Base
400
300
Red
400
300
Orange
400
300
Yellow
500
400
Green
400
300
Turquoise
400
300
Blue
400
300
Purple
400
300
Pink
400
300
yellow-900
#0A0400
hsl(24, 100%, 1.96%)
rgb(10, 4, 0)
lch(1.365 2.3 63.89)
Accessible Contrast
AA
Minimums
Base
500
500
Red
500
500
Orange
500
500
Yellow
600
500
Green
600
500
Turquoise
600
500
Blue
600
500
Purple
500
400
Pink
500
400
AAA
Minimums
Base
500
300
Red
500
300
Orange
500
300
Yellow
500
500
Green
500
300
Turquoise
500
300
Blue
500
300
Purple
400
300
Pink
400
300
Green
green-100
#CEF6D2
hsl(126, 68.965%, 88.625%)
rgb(206, 246, 210)
lch(93.315 23.535 146.21)
Accessible Contrast
AA
Minimums
Base
500
600
Red
500
600
Orange
500
600
Yellow
600
700
Green
500
600
Turquoise
500
600
Blue
500
600
Purple
500
600
Pink
500
600
AAA
Minimums
Base
600
700
Red
600
700
Orange
600
700
Yellow
700
700
Green
600
700
Turquoise
600
700
Blue
600
700
Purple
600
700
Pink
600
700
green-150
#B6EABA
hsl(125.33, 55.215%, 81.485%)
rgb(181.715, 233.855, 186.345)
lch(88.08 31.26 145.42)
Accessible Contrast
AA
Minimums
Base
500
600
Red
500
600
Orange
500
600
Yellow
600
700
Green
500
600
Turquoise
500
600
Blue
500
600
Purple
500
600
Pink
500
600
AAA
Minimums
Base
600
700
Red
600
700
Orange
600
700
Yellow
700
800
Green
600
700
Turquoise
600
700
Blue
600
700
Purple
600
700
Pink
600
700
green-200
#9EDEA3
hsl(124.83, 48.92%, 74.335%)
rgb(157.545, 221.575, 162.705)
lch(82.845 38.985 144.625)
Accessible Contrast
AA
Minimums
Base
600
700
Red
600
700
Orange
600
700
Yellow
700
700
Green
600
700
Turquoise
600
700
Blue
600
700
Purple
600
700
Pink
600
700
AAA
Minimums
Base
700
800
Red
700
800
Orange
700
800
Yellow
700
800
Green
700
800
Turquoise
700
800
Blue
700
800
Purple
700
800
Pink
700
800
green-300
#6CC573
hsl(124.795, 43.095%, 59.78%)
rgb(108.235, 196.635, 115.3)
lch(72.37 54.44 143.04)
Accessible Contrast
AA
Minimums
Base
600
700
Red
600
700
Orange
600
700
Yellow
700
800
Green
600
700
Turquoise
700
800
Blue
600
700
Purple
600
700
Pink
600
700
AAA
Minimums
Base
700
800
Red
700
800
Orange
700
800
Yellow
800
850
Green
700
850
Turquoise
800
850
Blue
700
850
Purple
700
850
Pink
700
850
green-400
#4BA951
hsl(123.85, 38.48%, 47.725%)
rgb(74.87, 168.54, 80.88)
lch(61.9 59.005 141.455)
Accessible Contrast
AA
Minimums
Base
700
800
Red
700
800
Orange
700
800
Yellow
800
800
Green
700
800
Turquoise
700
800
Blue
700
800
Purple
700
800
Pink
700
800
AAA
Minimums
Base
800
Red
800
Orange
800
Yellow
800
Green
800
Turquoise
800
Blue
800
Purple
800
Pink
800
green-500
#258D2E
hsl(125.19, 58.425%, 34.9%)
rgb(37, 141, 46)
lch(51.425 63.57 139.87)
Accessible Contrast
AA
Minimums
Base
150
900
Red
100
900
Orange
150
900
Yellow
200
900
Green
150
Turquoise
150
Blue
100
Purple
100
Pink
100
AAA
Minimums
Base
900
Red
900
Orange
900
Yellow
900
green-600
#126E21
hsl(129.665, 71.87%, 25.05%)
rgb(17.965, 109.785, 32.755)
lch(40.15 54.475 140.68)
Accessible Contrast
AA
Minimums
Base
900
150
Red
900
100
Orange
900
150
Yellow
400
200
Green
300
150
Turquoise
200
150
Blue
200
100
Purple
200
100
Pink
200
100
AAA
Minimums
Base
150
Red
100
Orange
150
Yellow
200
Green
150
Turquoise
150
Blue
100
Purple
100
Pink
100
green-700
#005014
hsl(134.845, 100%, 15.69%)
rgb(0, 80.01, 19.795)
lch(28.87 45.38 141.485)
Accessible Contrast
AA
Minimums
Base
400
300
Red
400
200
Orange
400
200
Yellow
500
400
Green
400
300
Turquoise
400
300
Blue
400
200
Purple
300
200
Pink
400
200
AAA
Minimums
Base
300
150
Red
200
100
Orange
200
100
Yellow
400
200
Green
300
150
Turquoise
300
150
Blue
200
100
Purple
200
100
Pink
200
100
green-800
#063211
hsl(135.33, 78.875%, 10.98%)
rgb(5.915, 50.09, 17.2)
lch(17.31 28.66 144.6)
Accessible Contrast
AA
Minimums
Base
500
400
Red
500
300
Orange
500
400
Yellow
600
500
Green
500
400
Turquoise
500
400
Blue
500
400
Purple
500
300
Pink
500
300
AAA
Minimums
Base
400
300
Red
300
200
Orange
400
200
Yellow
500
300
Green
400
200
Turquoise
400
200
Blue
400
200
Purple
300
200
Pink
300
200
green-850
#08240D
hsl(130.88, 63.41%, 8.615%)
rgb(8.04, 35.9, 13.09)
lch(11.53 20.3 146.16)
Accessible Contrast
AA
Minimums
Base
500
400
Red
500
400
Orange
500
400
Yellow
600
500
Green
500
400
Turquoise
500
400
Blue
500
400
Purple
500
400
Pink
500
400
AAA
Minimums
Base
400
300
Red
400
200
Orange
400
300
Yellow
500
400
Green
400
300
Turquoise
400
300
Blue
400
300
Purple
400
300
Pink
400
300
green-900
#021705
hsl(128.57, 84%, 4.9%)
rgb(2, 23, 5)
lch(5.75 11.935 147.715)
Accessible Contrast
AA
Minimums
Base
500
400
Red
500
400
Orange
500
400
Yellow
600
500
Green
500
400
Turquoise
500
400
Blue
500
400
Purple
500
400
Pink
500
400
AAA
Minimums
Base
400
300
Red
400
300
Orange
400
300
Yellow
500
400
Green
400
300
Turquoise
400
300
Blue
400
300
Purple
400
300
Pink
400
300
Turquoise
turquoise-100
#C8F4DE
hsl(150, 66.665%, 87.06%)
rgb(200, 244, 222)
lch(92.685 19.275 162.065)
Accessible Contrast
AA
Minimums
Base
500
600
Red
500
600
Orange
500
600
Yellow
600
700
Green
500
600
Turquoise
500
600
Blue
500
600
Purple
500
600
Pink
500
600
AAA
Minimums
Base
600
700
Red
600
700
Orange
600
700
Yellow
700
800
Green
600
700
Turquoise
600
700
Blue
600
700
Purple
600
700
Pink
600
700
turquoise-150
#B1E8CE
hsl(151.695, 53.885%, 80.025%)
rgb(176.615, 231.51, 205.615)
lch(87.57 23.715 163.02)
Accessible Contrast
AA
Minimums
Base
500
600
Red
500
600
Orange
500
600
Yellow
600
700
Green
500
600
Turquoise
500
600
Blue
500
600
Purple
500
600
Pink
500
600
AAA
Minimums
Base
600
700
Red
600
700
Orange
600
700
Yellow
700
800
Green
600
700
Turquoise
600
800
Blue
600
700
Purple
600
700
Pink
600
700
turquoise-200
#99DBBE
hsl(153.48, 47.995%, 72.89%)
rgb(152.69, 219.045, 189.72)
lch(82.45 28.155 163.975)
Accessible Contrast
AA
Minimums
Base
600
700
Red
600
700
Orange
600
700
Yellow
700
700
Green
600
700
Turquoise
600
700
Blue
600
700
Purple
600
700
Pink
600
700
AAA
Minimums
Base
700
800
Red
700
800
Orange
700
800
Yellow
700
800
Green
700
800
Turquoise
700
800
Blue
700
800
Purple
700
800
Pink
700
800
turquoise-300
#65C29F
hsl(157.54, 43.295%, 57.955%)
rgb(101.375, 194.205, 159.45)
lch(72.215 37.03 165.885)
Accessible Contrast
AA
Minimums
Base
600
700
Red
600
700
Orange
600
700
Yellow
700
800
Green
700
700
Turquoise
700
800
Blue
600
700
Purple
600
700
Pink
600
700
AAA
Minimums
Base
700
800
Red
700
800
Orange
700
800
Yellow
800
850
Green
700
850
Turquoise
800
850
Blue
700
850
Purple
700
850
Pink
700
850
turquoise-400
#40A786
hsl(160.955, 44.425%, 45.285%)
rgb(64.18, 166.785, 134.215)
lch(61.98 38.505 167.795)
Accessible Contrast
AA
Minimums
Base
700
800
Red
700
800
Orange
700
800
Yellow
800
800
Green
700
800
Turquoise
700
800
Blue
700
800
Purple
700
800
Pink
700
800
AAA
Minimums
Base
800
Red
800
Orange
800
Yellow
800
Green
800
Turquoise
800
Blue
800
Purple
800
Pink
800
turquoise-500
#068C6E
hsl(166.565, 91.78%, 28.625%)
rgb(6, 140, 110)
lch(51.745 39.975 169.705)
Accessible Contrast
AA
Minimums
Base
150
900
Red
100
900
Orange
150
900
Yellow
200
900
Green
150
Turquoise
150
Blue
100
Purple
100
900
Pink
100
AAA
Minimums
Base
900
Red
900
Orange
900
Yellow
900
Purple
900
turquoise-600
#026D55
hsl(166.785, 96.805%, 21.69%)
rgb(1.765, 108.855, 85.265)
lch(40.535 33.365 170.095)
Accessible Contrast
AA
Minimums
Base
300
150
Red
900
100
Orange
900
150
Yellow
400
200
Green
200
150
Turquoise
200
150
Blue
200
100
Purple
200
100
Pink
200
100
AAA
Minimums
Base
150
Red
100
Orange
150
Yellow
200
Green
150
Turquoise
150
Blue
100
Purple
100
Pink
100
turquoise-700
#004F3E
hsl(166.635, 100%, 15.53%)
rgb(0, 79.205, 61.565)
lch(29.32 26.755 170.48)
Accessible Contrast
AA
Minimums
Base
400
300
Red
300
200
Orange
400
200
Yellow
500
400
Green
400
200
Turquoise
400
200
Blue
400
200
Purple
300
200
Pink
300
200
AAA
Minimums
Base
300
150
Red
200
100
Orange
200
100
Yellow
400
200
Green
200
150
Turquoise
200
100
Blue
200
100
Purple
200
100
Pink
200
100
turquoise-800
#053228
hsl(166.81, 80.58%, 10.775%)
rgb(5.335, 49.62, 39.89)
lch(17.625 17.655 173.43)
Accessible Contrast
AA
Minimums
Base
500
400
Red
500
300
Orange
500
400
Yellow
600
500
Green
500
400
Turquoise
500
400
Blue
500
300
Purple
500
300
Pink
500
300
AAA
Minimums
Base
400
200
Red
300
200
Orange
400
200
Yellow
500
300
Green
400
200
Turquoise
400
200
Blue
300
200
Purple
300
200
Pink
300
200
turquoise-850
#06241D
hsl(166.69, 70.38%, 8.22%)
rgb(6.205, 35.705, 29.16)
lch(11.78 13.105 174.905)
Accessible Contrast
AA
Minimums
Base
500
400
Red
500
400
Orange
500
400
Yellow
600
500
Green
500
400
Turquoise
500
400
Blue
500
400
Purple
500
400
Pink
500
400
AAA
Minimums
Base
400
300
Red
400
200
Orange
400
300
Yellow
500
400
Green
400
300
Turquoise
400
300
Blue
400
300
Purple
400
300
Pink
400
300
turquoise-900
#001712
hsl(166.955, 100%, 4.51%)
rgb(0, 23, 18)
lch(5.93 8.555 176.38)
Accessible Contrast
AA
Minimums
Base
500
400
Red
500
400
Orange
500
400
Yellow
600
500
Green
500
400
Turquoise
500
400
Blue
500
400
Purple
500
400
Pink
500
400
AAA
Minimums
Base
400
300
Red
400
300
Orange
400
300
Yellow
500
400
Green
400
300
Turquoise
400
300
Blue
400
300
Purple
400
300
Pink
400
300
Blue
blue-100
#D5E7F7
hsl(208.235, 68%, 90.195%)
rgb(213, 231, 247)
lch(90.785 10.17 253.99)
Accessible Contrast
AA
Minimums
Base
500
600
Red
500
600
Orange
500
600
Yellow
600
700
Green
500
600
Turquoise
500
600
Blue
500
600
Purple
500
600
Pink
500
600
AAA
Minimums
Base
600
700
Red
600
700
Orange
600
700
Yellow
700
800
Green
600
700
Turquoise
600
700
Blue
600
700
Purple
600
700
Pink
600
700
blue-150
#C1D9EF
hsl(208.385, 59.045%, 84.725%)
rgb(193.05, 217.285, 239.05)
lch(85.68 13.81 255.135)
Accessible Contrast
AA
Minimums
Base
500
600
Red
500
600
Orange
500
600
Yellow
600
700
Green
600
700
Turquoise
600
700
Blue
500
600
Purple
500
600
Pink
500
600
AAA
Minimums
Base
600
700
Red
600
700
Orange
600
700
Yellow
700
800
Green
700
800
Turquoise
700
800
Blue
600
800
Purple
600
700
Pink
600
700
blue-200
#ADCCE7
hsl(208.46, 54.885%, 79.285%)
rgb(173.175, 203.66, 231.165)
lch(80.575 17.45 256.28)
Accessible Contrast
AA
Minimums
Base
600
700
Red
600
700
Orange
600
700
Yellow
700
700
Green
600
700
Turquoise
600
700
Blue
600
700
Purple
600
700
Pink
600
700
AAA
Minimums
Base
700
800
Red
700
800
Orange
700
800
Yellow
700
800
Green
700
800
Turquoise
700
800
Blue
700
800
Purple
700
800
Pink
700
800
blue-300
#85B1D8
hsl(208.26, 51.125%, 68.37%)
rgb(133.115, 176.735, 215.58)
lch(70.365 24.73 258.57)
Accessible Contrast
AA
Minimums
Base
600
700
Red
600
700
Orange
600
700
Yellow
700
800
Green
700
800
Turquoise
700
800
Blue
700
800
Purple
600
700
Pink
600
700
AAA
Minimums
Base
700
850
Red
700
850
Orange
700
850
Yellow
800
850
Green
800
850
Turquoise
800
850
Blue
800
850
Purple
700
850
Pink
700
850
blue-400
#6795C0
hsl(208.45, 41.175%, 57.715%)
rgb(102.77, 149.46, 191.565)
lch(60.155 27.065 260.855)
Accessible Contrast
AA
Minimums
Base
100
800
Red
700
800
Orange
700
800
Yellow
800
800
Green
700
800
Turquoise
700
850
Blue
700
800
Purple
700
800
Pink
700
800
AAA
Minimums
Base
800
Red
800
Orange
800
Yellow
800
Green
800
Turquoise
850
Blue
800
Purple
800
Pink
800
blue-500
#487BA8
hsl(208.125, 40%, 47.06%)
rgb(72, 123, 168)
lch(49.94 29.395 263.145)
Accessible Contrast
AA
Minimums
Base
200
Red
100
Orange
150
Yellow
800
900
Green
800
Turquoise
800
Blue
150
Purple
800
Pink
150
AAA
Minimums
Yellow
900
blue-600
#305F88
hsl(207.995, 47.665%, 36.06%)
rgb(48.125, 94.89, 135.785)
lch(38.84 27.59 264.91)
Accessible Contrast
AA
Minimums
Base
300
200
Red
200
100
Orange
300
150
Yellow
900
200
Green
300
150
Turquoise
300
150
Blue
200
150
Purple
200
100
Pink
200
150
AAA
Minimums
Base
200
Red
100
Orange
150
Yellow
200
Green
150
Turquoise
150
Blue
150
Purple
100
Pink
150
blue-700
#174469
hsl(206.845, 63.95%, 25.07%)
rgb(23.05, 68.235, 104.82)
lch(27.74 25.78 266.675)
Accessible Contrast
AA
Minimums
Base
400
300
Red
400
200
Orange
400
300
Yellow
500
400
Green
400
300
Turquoise
400
300
Blue
400
200
Purple
400
200
Pink
400
200
AAA
Minimums
Base
300
200
Red
200
100
Orange
300
150
Yellow
400
200
Green
300
150
Turquoise
300
150
Blue
200
100
Purple
200
100
Pink
200
100
blue-800
#0F2B44
hsl(208.675, 63.195%, 16.305%)
rgb(15.3, 42.735, 67.845)
lch(16.64 18.82 268.44)
Accessible Contrast
AA
Minimums
Base
500
400
Red
500
300
Orange
500
400
Yellow
600
500
Green
500
400
Turquoise
500
400
Blue
500
400
Purple
500
300
Pink
500
400
AAA
Minimums
Base
400
300
Red
300
200
Orange
400
200
Yellow
500
300
Green
400
200
Turquoise
400
200
Blue
400
200
Purple
300
200
Pink
400
200
blue-850
#0B1F32
hsl(209.67, 64.92%, 11.995%)
rgb(10.735, 30.815, 50.455)
lch(11.09 15.34 269.325)
Accessible Contrast
AA
Minimums
Base
500
400
Red
500
400
Orange
500
400
Yellow
600
500
Green
500
400
Turquoise
500
400
Blue
500
400
Purple
500
400
Pink
500
400
AAA
Minimums
Base
400
300
Red
400
200
Orange
400
300
Yellow
500
400
Green
400
300
Turquoise
400
300
Blue
400
300
Purple
400
300
Pink
400
300
blue-900
#051322
hsl(211.035, 74.36%, 7.645%)
rgb(5, 19, 34)
lch(5.54 11.855 270.205)
Accessible Contrast
AA
Minimums
Base
500
400
Red
500
400
Orange
500
400
Yellow
600
500
Green
500
400
Turquoise
500
400
Blue
500
400
Purple
500
400
Pink
500
400
AAA
Minimums
Base
400
300
Red
400
300
Orange
400
300
Yellow
500
400
Green
400
300
Turquoise
400
300
Blue
400
300
Purple
400
300
Pink
400
300
Purple
purple-100
#EEDAF9
hsl(278.71, 72.095%, 91.57%)
rgb(238, 218, 249)
lch(89.47 17.645 314.495)
Accessible Contrast
AA
Minimums
Base
500
600
Red
500
600
Orange
500
600
Yellow
600
700
Green
500
600
Turquoise
500
600
Blue
500
600
Purple
500
600
Pink
500
600
AAA
Minimums
Base
600
700
Red
600
700
Orange
600
700
Yellow
700
800
Green
600
700
Turquoise
600
700
Blue
600
700
Purple
600
700
Pink
600
700
purple-150
#E4C9F3
hsl(278.96, 63.7%, 87.12%)
rgb(228.4, 201.23, 243.075)
lch(84.44 24.08 314.84)
Accessible Contrast
AA
Minimums
Base
600
600
Red
600
600
Orange
600
600
Yellow
600
700
Green
600
700
Turquoise
600
700
Blue
600
700
Purple
500
600
Pink
500
600
AAA
Minimums
Base
600
700
Red
600
700
Orange
600
700
Yellow
700
800
Green
700
800
Turquoise
700
800
Blue
700
800
Purple
600
800
Pink
600
800
purple-200
#DBB9ED
hsl(279.2, 59.28%, 82.645%)
rgb(218.79, 184.51, 236.98)
lch(79.405 30.515 315.19)
Accessible Contrast
AA
Minimums
Base
600
700
Red
600
700
Orange
600
700
Yellow
700
700
Green
600
700
Turquoise
600
700
Blue
600
700
Purple
600
700
Pink
600
700
AAA
Minimums
Base
700
800
Red
700
800
Orange
700
800
Yellow
700
800
Green
700
800
Turquoise
700
800
Blue
700
800
Purple
700
800
Pink
700
800
purple-300
#C897E0
hsl(279.635, 54.41%, 73.64%)
rgb(199.53, 151.21, 224.355)
lch(69.34 43.38 315.885)
Accessible Contrast
AA
Minimums
Base
700
700
Red
700
700
Orange
700
700
Yellow
700
800
Green
700
800
Turquoise
700
800
Blue
700
800
Purple
700
800
Pink
700
800
AAA
Minimums
Base
700
850
Red
700
850
Orange
700
850
Yellow
800
850
Green
800
850
Turquoise
800
850
Blue
800
850
Purple
800
850
Pink
800
850
purple-400
#AF7AC9
hsl(280.455, 41.78%, 63.315%)
rgb(175.07, 122.365, 200.535)
lch(59.275 47.57 316.58)
Accessible Contrast
AA
Minimums
Base
100
800
Red
700
800
Orange
700
800
Yellow
100
850
Green
800
850
Turquoise
800
850
Blue
700
850
Purple
700
800
Pink
700
850
AAA
Minimums
Base
800
Red
800
Orange
800
Yellow
850
Green
850
Turquoise
850
Blue
850
Purple
800
Pink
850
purple-500
#975EB1
hsl(281.205, 34.73%, 53.135%)
rgb(151, 94, 177)
lch(49.205 51.76 317.27)
Accessible Contrast
AA
Minimums
Base
200
Red
800
Orange
150
Yellow
800
Green
800
Turquoise
800
Blue
800
Purple
150
Pink
150
AAA
Minimums
purple-600
#774590
hsl(279.785, 35.28%, 41.73%)
rgb(118.655, 68.87, 143.945)
lch(38.11 48.39 316.69)
Accessible Contrast
AA
Minimums
Base
300
200
Red
200
150
Orange
300
150
Yellow
400
200
Green
300
150
Turquoise
300
150
Blue
300
150
Purple
200
150
Pink
300
150
AAA
Minimums
Base
200
Red
150
Orange
150
Yellow
200
Green
150
Turquoise
150
Blue
150
Purple
150
Pink
150
purple-700
#582D70
hsl(278.26, 42.85%, 30.775%)
rgb(87.73, 44.85, 112.1)
lch(27.015 45.015 316.105)
Accessible Contrast
AA
Minimums
Base
400
300
Red
400
200
Orange
400
300
Yellow
500
400
Green
400
300
Turquoise
400
300
Blue
400
300
Purple
400
200
Pink
400
300
AAA
Minimums
Base
300
200
Red
200
100
Orange
300
150
Yellow
400
200
Green
300
150
Turquoise
300
150
Blue
300
150
Purple
200
100
Pink
300
150
purple-800
#371B48
hsl(277.19, 45.415%, 19.525%)
rgb(55.21, 27.18, 72.405)
lch(15.92 32.64 315.525)
Accessible Contrast
AA
Minimums
Base
500
400
Red
500
400
Orange
500
400
Yellow
600
500
Green
500
400
Turquoise
500
400
Blue
500
400
Purple
500
400
Pink
500
400
AAA
Minimums
Base
400
300
Red
400
200
Orange
400
200
Yellow
500
400
Green
400
200
Turquoise
400
200
Blue
400
200
Purple
400
200
Pink
400
200
purple-850
#281336
hsl(276.675, 48.17%, 14.21%)
rgb(40.12, 18.78, 53.69)
lch(10.375 26.455 315.235)
Accessible Contrast
AA
Minimums
Base
500
400
Red
500
400
Orange
500
400
Yellow
600
500
Green
500
400
Turquoise
500
400
Blue
500
400
Purple
500
400
Pink
500
400
AAA
Minimums
Base
400
300
Red
400
300
Orange
400
300
Yellow
500
400
Green
400
300
Turquoise
400
300
Blue
400
300
Purple
400
300
Pink
400
300
purple-900
#1B0824
hsl(280.715, 63.635%, 8.625%)
rgb(27, 8, 36)
lch(4.825 20.265 314.945)
Accessible Contrast
AA
Minimums
Base
500
400
Red
500
400
Orange
500
400
Yellow
600
500
Green
500
400
Turquoise
500
500
Blue
500
400
Purple
500
400
Pink
500
400
AAA
Minimums
Base
400
300
Red
400
300
Orange
400
300
Yellow
500
400
Green
400
300
Turquoise
500
300
Blue
400
300
Purple
400
300
Pink
400
300
Pink
pink-100
#FBDBEF
hsl(322.5, 80%, 92.155%)
rgb(251, 219, 239)
lch(90.51 15.44 338.445)
Accessible Contrast
AA
Minimums
Base
500
600
Red
500
600
Orange
500
600
Yellow
600
700
Green
500
600
Turquoise
500
600
Blue
500
600
Purple
500
600
Pink
500
600
AAA
Minimums
Base
600
700
Red
600
700
Orange
600
700
Yellow
700
800
Green
600
700
Turquoise
600
700
Blue
600
700
Purple
600
700
Pink
600
700
pink-150
#F4C9E4
hsl(322.165, 67.2%, 87.32%)
rgb(244.395, 200.95, 228.345)
lch(85.34 21.23 338.59)
Accessible Contrast
AA
Minimums
Base
500
600
Red
500
600
Orange
500
600
Yellow
600
700
Green
600
700
Turquoise
600
700
Blue
500
600
Purple
500
600
Pink
500
600
AAA
Minimums
Base
600
700
Red
600
700
Orange
600
700
Yellow
700
800
Green
700
800
Turquoise
700
800
Blue
600
800
Purple
600
700
Pink
600
700
pink-200
#EEB7DA
hsl(321.795, 60.985%, 82.44%)
rgb(237.53, 182.91, 217.69)
lch(80.165 27.015 338.735)
Accessible Contrast
AA
Minimums
Base
600
700
Red
600
700
Orange
600
700
Yellow
700
700
Green
600
700
Turquoise
600
700
Blue
600
700
Purple
600
700
Pink
600
700
AAA
Minimums
Base
700
800
Red
700
800
Orange
700
800
Yellow
700
800
Green
700
800
Turquoise
700
800
Blue
700
800
Purple
700
800
Pink
700
800
pink-300
#DF93C4
hsl(320.92, 54.47%, 72.515%)
rgb(223.09, 146.725, 196.465)
lch(69.82 38.59 339.025)
Accessible Contrast
AA
Minimums
Base
600
700
Red
600
700
Orange
600
700
Yellow
700
800
Green
700
800
Turquoise
700
800
Blue
700
800
Purple
600
700
Pink
700
800
AAA
Minimums
Base
700
850
Red
700
850
Orange
700
850
Yellow
800
850
Green
800
850
Turquoise
800
850
Blue
800
850
Purple
700
850
Pink
800
850
pink-400
#C674AA
hsl(320.475, 42.1%, 61.715%)
rgb(198.47, 116.275, 170.42)
lch(59.475 42.45 339.315)
Accessible Contrast
AA
Minimums
Base
100
800
Red
700
800
Orange
700
800
Yellow
100
850
Green
700
850
Turquoise
800
850
Blue
700
800
Purple
700
800
Pink
700
800
AAA
Minimums
Base
800
Red
800
Orange
800
Yellow
850
Green
850
Turquoise
850
Blue
800
Purple
800
Pink
800
pink-500
#AE5691
hsl(319.775, 35.2%, 50.98%)
rgb(174, 86, 145)
lch(49.13 46.305 339.6)
Accessible Contrast
AA
Minimums
Base
200
Red
150
Orange
150
Yellow
800
Green
800
Turquoise
800
Blue
800
Purple
150
Pink
800
AAA
Minimums
pink-600
#8D3D73
hsl(319.625, 39.765%, 39.61%)
rgb(141.17, 60.84, 114.895)
lch(38.26 43.435 340.03)
Accessible Contrast
AA
Minimums
Base
300
200
Red
200
100
Orange
300
150
Yellow
400
200
Green
300
150
Turquoise
300
150
Blue
300
150
Purple
200
150
Pink
200
150
AAA
Minimums
Base
200
Red
100
Orange
150
Yellow
200
Green
150
Turquoise
150
Blue
150
Purple
150
Pink
150
pink-700
#6D2456
hsl(319.07, 50.25%, 28.565%)
rgb(109.45, 36.24, 86.18)
lch(27.385 40.56 340.455)
Accessible Contrast
AA
Minimums
Base
400
300
Red
400
200
Orange
400
300
Yellow
500
400
Green
400
300
Turquoise
400
300
Blue
400
300
Purple
400
200
Pink
400
200
AAA
Minimums
Base
300
200
Red
200
100
Orange
300
150
Yellow
400
200
Green
300
150
Turquoise
300
150
Blue
300
150
Purple
200
100
Pink
200
150
pink-800
#471637
hsl(319.725, 53.26%, 18.295%)
rgb(71.495, 21.8, 55.155)
lch(16.515 29.575 340.88)
Accessible Contrast
AA
Minimums
Base
500
400
Red
500
300
Orange
500
400
Yellow
600
500
Green
500
400
Turquoise
500
400
Blue
500
400
Purple
500
300
Pink
500
400
AAA
Minimums
Base
400
300
Red
300
200
Orange
400
200
Yellow
500
300
Green
400
200
Turquoise
400
200
Blue
400
200
Purple
300
200
Pink
400
200
pink-850
#360F29
hsl(320.12, 56.3%, 13.445%)
rgb(53.595, 14.985, 40.65)
lch(11.08 24.085 341.095)
Accessible Contrast
AA
Minimums
Base
500
400
Red
500
400
Orange
500
400
Yellow
600
500
Green
500
400
Turquoise
500
400
Blue
500
400
Purple
500
400
Pink
500
400
AAA
Minimums
Base
400
300
Red
400
200
Orange
400
300
Yellow
500
400
Green
400
300
Turquoise
400
300
Blue
400
300
Purple
400
300
Pink
400
300
pink-900
#25071B
hsl(320, 68.18%, 8.625%)
rgb(37, 7, 27)
lch(5.64 18.59 341.305)
Accessible Contrast
AA
Minimums
Base
500
400
Red
500
400
Orange
500
400
Yellow
600
500
Green
500
400
Turquoise
500
400
Blue
500
400
Purple
500
400
Pink
500
400
AAA
Minimums
Base
400
300
Red
400
300
Orange
400
300
Yellow
500
400
Green
400
300
Turquoise
400
300
Blue
400
300
Purple
400
300
Pink
400
300
Sidebar is empty, sorry!